<!DOCTYPE html>
<html>
<head>
	<title>vue实例</title>
	<meta charset="utf-8">
	<script type="text/javascript" src="./js/vue.js"></script>
	<style type="text/css">
		
		
	</style>
</head>
<body>
	<div id="app">
		<child ></child>
		
	
	</div>
</body>
<script type="text/javascript">
	
	Vue.component("child",{
		props:{
			// content:String  
			 //content为父组件传递数据的变量名称，后面String说明子组件所接收的content数据应应该是字符串类型

			 //也可以同时校验几种类型，用数组来实现
			// content:[String, Number]


			//也可以这样
			content: {
				type:String,  //校验content的类型是否为字符串
				required:true ,//标记content是否为必须传递元素，如果是true,若父组件没有向该子组件传递content数据，则会报错说缺少数据
				default:"default value"  //当父组件没有传值时，defalut的值便会成为默认的传值
				validator:function(value) {  
					......//validator是自定义校验函数，它的参数便是content里的内容，即待校验内容

				}
			}
		},
		template:"<div>{{this.content}}  child</div>"
	})
	var vm = new Vue({
		el:"#app",
		data:{
	
		},

	

		components:{
			
		},
		methods:{
			

		}
		

	})



		
</script>
</html>